<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加业主</title>
</head>
<body>

   <!--
       from   这个是 mysql中查询的 关键字
       form   前端页面表单标签  如果写错  数据不能提交
           三个属性
             method   表单提交方式
             action   提交的 动作(数据提交到哪里去 )
       input 标签:
             type="text"    普通文本输入框   name 属性 提交数据的key
             type="radio"   单选按钮  (分组 添加name属性 不添加容易多选)  value 属性 提交数据的值
             type="checkbox"   多选按钮  (分组 添加name属性)     value 属性 提交数据的值是数组
             type="button"     按钮

       select 下拉框标签  name属性 提交数据的key
            option是 下拉框的下拉选项
                option 标签之间的 文本内容 是 显示
                option 属性value 是提交的 具体的 值

   -->
  <form method="get" action="/test">
      业主姓名:<input type="text" placeholder="请输入业主姓名" name="username"> <br>
      业主电话:<input type="text"> <br>
      性别:<input type="radio" name="sex" value="nan"> 男 <input type="radio" name="sex" value="nv"> 女 <br>
      爱好:<input type="checkbox" name="fav" value="paly">打游戏
           <input type="checkbox" name="fav" value="reading"> 看书
           <input type="checkbox" name="fav" value="coding"> 写代码  <br>
      身份证:<input type="text">  <br>
      房屋编号:
      <select name="houseId">
          <option value="1001">1001</option>
          <option value="1002">1002</option>
          <option value="1003">1003</option>
          <option value="1004">1004</option>
      </select> <br>
       <button>保存数据</button>
  </form>


</body>
</html>